<template>
  <div>
    <Card>
      <Tabs :animated="false" v-model="nameV" value="督导件">
        <TabPane label="督导件" name="督导件">
          <supervise :payWayList="payWayList" :typeIndex="tabIndex && tabIndex=='1'?typeIndex:''" key="aa"></supervise>
        </TabPane>
        <TabPane label="续收件" name="续收件">
          <supervise :payWayList="payWayList" :typeIndex="tabIndex && tabIndex=='2'?typeIndex:''" key="aaa"></supervise>
          <!-- <charge :payWayList="payWayList" :typeIndex="tabIndex && tabIndex=='2'?typeIndex:''"></charge> -->
        </TabPane>
      </Tabs>
    </Card>
  </div>
</template>

<script>
import superviseContent from "./supervise";
import chargeContent from "./charge";
import disabledContent from "./disabled";
import assignContent from "./assign";
import Problem from "./problem.vue";

export default {
  components: {
    supervise: superviseContent,
    charge: chargeContent,
    disabled: disabledContent,
    assign: assignContent,
    Problem: Problem,
  },
  data() {
    return {
      tabIndex: this.$route.query.tabIndex,
      typeIndex: this.$route.query.typeIndex,
      nameV: "督导件",
      payWayList: "",
    };
  },
  methods: {},
  watch: {},
  mounted() {
    console.log("this.$route", this.$route);
    // console.log(sessionStorage.getItem("INSURANCE_TYPE"));
    let type = sessionStorage.getItem("INSURANCE_TYPE");
    if (type) {
      this.nameV = type;
    }
    console.log(this.tabIndex, this.typeIndex);
    //交费方式下拉
    let obj1 = {
      index: 1,
      initflag: 0,
      pageSize: 10,
      selecttag: 0, // 0是查全部
      selecttype: 0,
      premorder: 0,
      paytodateorder: 0,
    };
    this.api.getWorkListForSupervisor(obj1).then((res) => {
      console.log(res.data.basemap.payintvs, "交费方式");
      this.payWayList = res.data.basemap.payintvs;
    });
  },
  computed: {},
  created() {},
  // beforeDestroy() {
  //   this = {}
  // },
};
</script>

<style lang="less" scoped>
</style>

<style scoped>
</style>

